/**
 *  @type Common flyUtilComponents-style
 *  @role 衣有道 flyUtil-Input
 *  @createDate Mr.Liu on 2017.06.14.17:02
 */

/*$InputBorderColor:e0e0e0;*/

.fly-input{
    display: inline-block;
    width:150px;
    height:30px;
    line-height: 1;

    padding:5px 7px;
    border:1px solid #e0e0e0;
    border-radius:2px;
    background-color: #fff;
    background-image: none;

    transition: .3s all;

    color:#666;
    font-size: 12px;

    /*独特*/
    box-sizing: border-box;
}
.fly-input,.fly-input:hover,.fly-input:focus{
    outline: 0;
}
.fly-input::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
}
.fly-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.fly-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;
}
.fly-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999;
}
.fly-input:focus{
    border-color:#36b4b3;
}

.fly-input.fly-input-sm{
    padding:1px 10px;
    height:22px;
}
.fly-input-lg{
    height:32px;
}
.fly-input-error{
    border-color:#f12c44;
}
textarea.fly-input{
    max-width:100%;
    height:auto;
    vertical-align: bottom;
}
.fly-input-search-wrapper{
    display: inline-block;
    white-space: normal;
}
.fly-input-search-wrapper .fly-input-search{
        vertical-align: top;
}